// 新闻动态开始
.news {
  padding: 3vw 0;

  .container {
    .title {
      font-size: 28px;
      color: #ff6b08;
    }

    .box {
      display: flex;
      justify-content: space-between;
      margin-top: 1vw;

      .innerbox {
        width: 30%;

        .image {
          position: relative;

          img {
            width: 100%;
          }

          .info {
            background-color: rgba(40, 40, 40, 0.5);
            font-size: 12px;
            color: #fff;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            position: absolute;
            bottom: 0;
            left: 0;
          }
        }
      }
    }
  }
}

@media (max-width:768px) {
  .news {
    .container {
      .box {
        flex-wrap: wrap;

        .innerbox {
          width: 100%;
          margin-bottom: 2vw;
        }
      }
    }
  }
}

// 新闻动态结束

// 全部新闻开始
.newsbox {
  padding-top: 2vw;

  .container {
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 1vw;
  }

  .box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3vw;
    cursor: pointer;

    &:hover .right .title {
      color: #ff6900;
    }

    &:hover .right button {
      color: #fff;
      background-color: #ff6900;
    }

    .left {
      width: 220px;
      height: 134px;
      border: 1px solid #dddddd;
      text-align: center;

      img {
        margin-top: 3px;
      }
    }

    .right {
      width: 77%;
      font-size: 14px;
      color: #666666;
      position: relative;

      .time {
        margin-top: 5px;
      }

      .text {
        margin-top: 8px;
      }

      button {
        width: 100px;
        height: 30px;
        border-radius: 30px;
        background-color: #fff;
        border: 1px solid #ff6900;
        color: #ff6900;
        line-height: 30px;
        text-align: center;
        outline: none;
        position: absolute;
        right: 0;
        bottom: 0;
      }
    }
  }
}

@media (max-width:768px) {
  .newsbox {
    .container {
      .box {
        flex-wrap: wrap;

        .left {
          width: 100%;
          height: unset;

          img {
            width: 100%;
            margin-top: unset;
          }
        }

        .right {
          width: 100%;

          .title {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }

          .text {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            // white-space: nowrap;
          }

          button {
            display: block;
            position: unset;
            margin: 0 auto;
            margin-top: 2vw;
          }
        }
      }
    }
  }
}


// 全部新闻结束

// 页码开始
.pages {
  padding: 2vw 0;

  .container {
    .rect {
      width: 292px;
      height: 30px;
      margin: 0 auto;
      border: 1px solid #dddddd;
      display: flex;
      border-radius: 4px;
      font-size: 12px;
      color: #414141;
      cursor: pointer;

      .total {
        width: 50px;
        height: 100%;
        border-right: 1px solid #ddd;
        line-height: 30px;
        text-align: center;
      }

      .pre,
      .next {
        width: 60px;
        height: 100%;
        border-right: 1px solid #ddd;
        line-height: 30px;
        text-align: center;
      }

      .next {
        border-right: unset;
      }

      .num {
        width: 30px;
        height: 100%;
        border-right: 1px solid #ddd;
        line-height: 30px;
        text-align: center;
      }

      .num.active {
        background-color: #e34637;
        color: #fff;
      }
    }
  }
}

// 页码结束